<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>jQuery Demo</title>
		<script src="jquery/jquery.js"></script>
		<style>
			a.test {
				font-weight: bold;
			}
		</style>
		<script>
			$(document).ready(function() {
				$("a").addClass("test");

				$("a").click(function(event) {
					event.preventDefault();
					$(this).removeClass("test");
					$(this).hide("slow");
				});
			});

		</script>
	</head>
	<body>
		<a href="http://jquery.com/">jQuery</a>
		<br>
		<br>
		<hr>
		<br>
		Disable/enable
		<br>
		<select id="x" style="width:200px;">
			<option>one</option>
			<option>two</option>
		</select>
		<input type="button" value="Disable" onclick="$('#x').attr('disabled','disabled');" />
		<input type="button" value="Enable" onclick="$('#x').removeAttr('disabled');" />
		<br>
		<br>
		<hr>
		<br>
		Check/uncheck
		<br>
		<label>
			<input type="checkbox" id="c" />
			I'll be checked/unchecked.</label>
		<input type="button" value="Check" onclick="$('#c').attr('checked','checked');" />
		<input type="button" value="Uncheck" onclick="$('#c').removeAttr('checked');" />
		<br>
		<br>
		<hr>
		<br>
		Select value/text-value
		<select id="myselect">
			<option value="1">Mr</option>
			<option value="2">Mrs</option>
			<option value="3">Ms</option>
			<option value="4">Dr</option>
			<option value="5">Prof</option>
		</select>
		<input type="button" value="Get Value" onclick="alert($('#myselect').val());" />
		<input type="button" value="Get Text Value" onclick="alert($('#myselect option:selected').text());" />
	</body>
</html>